BODY  	{ background:#eee; font-family:Trebuchet ms; margin:auto; margin-top:0px;  color:#333;  text-align:center;}
H1    	{ margin:20px 0px 20px 5px; line-height:16px; font-size:16px; font-weight:bold; }
H1 IMG  { margin-right:5px; vertical-align:middle; }
INPUT 	{ font-size:10px; padding:3px;}
B     	{ display:block; margin:5px; font-size:14px; font-weight:bold;}
P				{ display:block; margin:5px; font-size:14px; font-weight:bold; }
DIV.tip { margin-top:20px; clear:both; color:#8F2831;}
DIV.tip IMG { margin-right:5px;}

#page   { background:#fff; display:table; border-right:1px solid #E3E6EB; border-left:1px solid #E3E6EB; text-align:left; width:800px; margin:auto;}

#head 	{ background:#669; height:28; width:800px; line-height:28px; vertical-align:middle; 800px; border:1px solid #669;} 
#head 	b {margin:0px 0px 0px 10px; color:#fff;}

#navbar	{ background: #eee; height:28; width:800px; border:1px solid #ddd;} 
#navbar  UL { list-style:none; margin:0px; padding:0px 0px 0px 10px;} 
#navbar  LI { float:left; margin-right:10px; height:28px; line-height:28px; vertical-align:middle; }
#navbar  LI A { text-decoration:none; color:#677C97; font-size:14px; font-weight:bold; text-transform:capitalize;}
#navbar  LI.selected A {text-decoration:underline}

#options 				{ top:5px; position:relative; font-size:10px; text-align:right; margin-right:5px;}
#options INPUT  { font-size:10px; width:90px; border:1px solid #E3E6EB}
#options A			{ font-weight:bold; font-size:10px; text-decoration:none; top:5px; position:relative; }
#options INPUT.save   {background:#eee url(icons/16x16/apps/save.png) 67px 2px  no-repeat;}
#options INPUT.cancel {background:#eee url(icons/16x16/apps/cancel.png) 67px 2px no-repeat;}
#options INPUT.delete {background:#eee url(icons/16x16/apps/delete.png) 67px 2px no-repeat;}

#main{ background:#eee;  }  

#menu 	 { background:#fff; width:160px; height:600px; float:left; border-top:none;}  
#menu UL { list-style:none; margin:0px; padding:10px; font-size:14px; color:#677C97;} 
#menu LI { vertical-align:middle; }
#menu LI A { text-decoration:none; color:#677C97; }
#menu LI.selected A { font-weight:bold; }

#edit {width:630px; background:#fff; float:right;}  
.edit_lang { margin:5px 0px 5px 5px; }

#icontent { margin:20px 0px 5px 5px;  }
#icontent A { color:#333; text-decoration:none; }
#icontent UL#lang { list-style:none; padding:0px; margin:0px; background:#ccc; clear:both;} 
#icontent UL#lang LI { font-size:10px; width:150px; float:left; margin-right:1px; height:20px; line-height:20px; vertical-align:middle; }
#icontent UL#lang LI.noactive { background:#E3E6EB;}
#icontent UL#lang LI.active 	{ background:#677C97;}
#icontent UL#lang LI A {margin-left:10px; text-decoration:none; color:#fff; font-weight:bold; font-size:14px;}
#icontent-lang {margin:0px 0px 5px 0px; width:400px; border:0px solid #677C97; height:740px;}
#icontent-lang INPUT			{ border:1px solid #ddd; padding:4px; color:#8F2831; width:350px; }
#icontent-lang TEXTAREA		{ width:350px; height:200px; }

INPUT.edit_mode { border:1px solid #ddd; padding:4px; color:#8F2831;}
INPUT.read_mode { border:1px solid #fff; padding:4px; color:#3D577A;}
SELECT.edit_mode { border:1px solid #ddd; color:#8F2831; font-size:10px;}

#blocks { border:0px solid #677C97; width:210px; float:right; margin-top:0px; margin-right:5px; height:740px;}
#blocks INPUT.txt { width:150px; margin:5px; font-size:10px;}
#blocks UL {padding:0px; margin:0px 5px 0px 5px; list-style:none;  border-bottom:1px solid #E3E6EB; padding-bottom:10px; border-top:1px solid #E3E6EB; padding-top:10px;}
#blocks LI {vertical-align:middle; }
#blocks span { font-size:12px;}

#categories {overflow-y:scroll; height:250px;}

#images     {overflow-y:scroll; height:250px;}
#images img {margin:auto;}
#images LI {border-top:1px solid #ccc; text-align:center;}
#images LI.selected {background:#E3E6EB;}
#images LI.selected INPUT.read_mode {border:1px solid #E3E6EB; background:#E3E6EB;}
#images_new {margin-left:5px;}
#images_new input.submit { font-size:10px; border:1px solid #E3E6EB}
#images A  	{clear:both; font-size:10px; color:#3D577A;}

#categories_list INPUT.read_mode { border:1px solid #eee; padding:4px; color:#3D577A; background:#eee}

#contacts_list,
#users_list,
#categories_list,
#items_list {list-style:none; padding:0px; font-size:11px;}

#contacts_list LI,
#users_list LI,
#categories_list LI,
#items_list LI { cursor:pointer; width:580px; background:#eee; border:1px solid #fff; padding:5px; color:#191970;}

#users_list LI IMG,
#categories_list LI IMG,
#items_list LI IMG {float:right; margin-left:5px;} 	

#users_list A, 
#categories_list A, 
#items_list A  { text-decoration:none; color:#000;}

#contacts_list LI.selected {background:#ffff99; }

#home_panel    { margin:0px; margin-top:50px;}
#home_panel TD { width:180px; height:200px; border:1px solid #eee; vertical-align:top; padding-top:20px;}
#home_panel TD A { color:#677C97; text-decoration:none; }

#paginator {list-style:none; padding:0px;}
#paginator LI {float:left; margin-right:5px;}
#paginator LI.page  {color:#00f}
#paginator LI.selected {font-weight:bold; text-decoration:underline; color:#00f}

#msgs_frame {height:30px; margin:10px;}
#msgs {
			font-weight:bold; font-size:10px;
			color:#677C97; border:1px solid #677C97;
			background:#eee url('icons/16x16/actions/info.png') 7px 7px no-repeat;
			line-height:30px; vertical-align:middle; padding-left:30px; height:30px;}

